<template>
  <div>这是路由的第一个页面</div>
  <childCom v-model:params1="value1" v-model:params2="value2" :data-obj="dataObj" @finish="finish" />

  <el-button type="primary" @click="reset">重置</el-button>
</template>

<script setup>
import { ref, reactive, computed } from 'vue'
import childCom from './components/childCom.vue';

const value1 = ref('第一个数据')
const value2 = ref('第二个数据')
const dataObj = reactive({
  name: '张三'
})

const reset = () => {
  value1.value = '第一个数据'
  value2.value = '第二个数据'
}

const finish = (val) => {
  console.log(val)
}

const test = async () => {
  const message = 'test'
  let result = await message;
  console.log(result);
  console.log("我是hello2");
  return result;
}

test().then(() => {
  console.log('result')
})
</script>

<style scoped lang="scss"></style>
